
<!--
	user list !
-->
<h3>{{rootColumnName}}
    <small>{{rootColumnPrompt}}</small>
</h3>
<div  ng-controller="fieldCtrl" class="panel panel-default">
    <div class="panel-heading">
        <form class="form-inline">
            <div class="form-group">
                <label for="">{{fieldNameSearch}}</label>
                <input type="text" ng-keyup="dataEvent($event)" ng-model="searchKey" class="form-control"  placeholder="{{searchplaceholder}}">
            </div>
            <button type="button" ng-click="addFieldModal()" class="btn btn-labeled btn-success pull-right">
               	<span class="btn-label">
               		<i class="fa fa-plus"></i>
               	</span>新建领域
            </button>
        </form>
    </div>
    <div class="panel-body " ng-class="loading?'whirl standard':'' " style="border-top: 1px solid #CFDBE2;">
        <table class="table table-striped table-condensed">
            <thead>
            <tr>
                <th>领域ID</th>
                <th>领域</th>
                <th>关注数</th>
                <th> 操作</th>
            </tr>
            </thead>
            <tbody>
            <!-- repeat begin -->
            <tr ng-repeat="fieldItem in realmList ">
                <td>{{fieldItem.realmId}}</td>
                <td>{{fieldItem.name}}</td>
                <td>{{fieldItem.countRealm}}</td>
                <td>
                    <a tooltip="修改" tooltip-trigger="mouseenter" class="btn btn-xs btn-primary" ng-click="FieldDetail(fieldItem.realmId,fieldItem.name)" ><i class="icon-magnifier"></i></a>
                    <a tooltip="关闭" tooltip-trigger="mouseenter" class="btn btn-xs btn-danger" ng-click="closeField(fieldItem.realmId)"><i class="icon-trash"></i></a>
                </td>
            </tr>
            <!-- repeat end -->
            </tbody>
        </table>
        <p style="display: inline-block; margin:21px 0;height: 30px;line-height: 30px;"> 显示 <strong>{{turnPage.totalItems}}</strong> 条中的 <strong>{{turnPage.itemsPerPage*(turnPage.currentPage-1)+1}}-{{ToNum}}</strong> 条</p>
        <pagination class="pull-right" first-text="{{turnPage.firstText}}" previous-text="{{turnPage.previousText}}" next-text="{{turnPage.nextText}}" last-text="{{turnPage.lastText}}" total-items="turnPage.totalItems" ng-model="turnPage.currentPage" max-size="turnPage.maxSize"
                    num-pages="numPages" boundary-links="true" ng-change="dataChange()" class="pagination-sm">
        </pagination>
    </div>
</div>